const moneyBox = document.querySelector('.salary')//薪资
const studentBox = document.querySelector('.student_count')//学生
const ageBox = document.querySelector('.age')//年龄
const groupBox = document.querySelector('.group_count')//分组数
const quitBOX =document.querySelector('#logout')//退出按钮
//从本地存储获取用户名设置到首页右上角
function setUserName() {
    //获取本地存储数据
    let uname = localStorage.getItem('uname')//从这个盒子里获取数据
    const userBox = document.querySelector('.username')//这个盒子用来展示用户名
    if (uname) {
        userBox.innerHTML = uname
    } else {
        userBox.innerHTML = ''
    }
}

setUserName()

//获取学生统计数据并携带headers参数来完成jwt验证流程
async function getstudentData() {
    try {
        let token = localStorage.getItem('token')//获取token
        let res = await axios({
            url: '/dashboard',
            
        })

        console.log(res.data);
        return res.data


    } catch (err) {
        // console.dir(err)//打印错误信息
        //如果err.response.statuus等于401表示服务器验证token失败
        //此时应该跳转到登录页面，让用户重新登录获取token（重新走一遍登录逻辑）
        if (err.response.status == 401) {
            pxmu.toast('登陆过期，请重新登录')
            延迟1秒跳转页面
            setTimeout(() => {
                location.href = 'login.html'

            }, 1000)
        }
    }

}

getstudentData()//调用数据函数


//获取学生统计列表渲染函数
async function renderStudentList() {
    let res = await getstudentData()
    // console.log(res);
    //渲染数据
    moneyBox.innerHTML = res.data.overview.salary//薪资
    studentBox.innerHTML = res.data.overview.student_count//学生人数
    ageBox.innerHTML = res.data.overview.age//年龄
    groupBox.innerHTML = res.data.overview.group_count//小组数
}

renderStudentList()

//退出登录
quitBOX.addEventListener('click',function(){
    //用户点击退出按钮，清除本地数据，跳转到登录页面
    localStorage.removeItem('username')//清除用户名
    localStorage.removeItem('token')//清除token
    //跳转页面
    location.href='login.html'
    
})

//另一种写法：
// 3. 退出登录
// document.querySelector('#logout').addEventListener('click',async function(){
//     let dialog = await pxmu.diaglog('您确定退出吗?')
//     if(dialog.btn  =='right'){
//      // 清除本地缓存
//      localStorage.removeItem('token')
//      localStorage.removeItem('username')
//      // 跳转到页面
//      location.href='../login.html'
//     }
//  })
